<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>充值VIP</title>
		<link rel="stylesheet" type="text/css" href="__STATIC__/css/tpshop.css" />
		<link rel="stylesheet" type="text/css" href="__STATIC__/css/myaccount.css" />
		<link rel="stylesheet" type="text/css" href="__STATIC__/css/jh.css" />
		<script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style>
		.topup-money {background-color: #ffffff;padding: 15px;}
		.usermoney {border: 1px solid #dedede;overflow: hidden;}
		.network-topup {margin-top: -1px;border-top: 1px solid #f3f3f7;margin-left: 0px;}
		.userdown-top {overflow: hidden;}
		.network-topup ul {overflow: hidden;float: left;}
		.alllist {border-bottom: 2px solid #FFF;color: #e63547;font-weight: bold;}
		.network-topup ul li {border-top: 2px solid #e63547;}
		.userdown-top ul li {
			 float: left;cursor: pointer;width: 100px;text-align: center;
			 border: 1px solid #dedede;padding: 8px 2px;margin-left: -1px;
		 }
		.network-topup p {
			padding-right: 10px;margin-top: 8px;color: #036eb8;cursor: pointer;float: right;
		}
		.choicetu {
			overflow: hidden;padding: 10px;margin-top: 16px;
		}
		.choicetu p {
			margin-bottom: 10px;font-size: 16px;color: #666666;
		}
		.fop-main {
			overflow: hidden;margin-bottom: 50px;
		}
		.fop-main::before, .fop-main::after {
			content: '';clear: both;display: block;
		}
		.m-tagbox {
			margin-bottom: -10px;float: left;
		}
		.m-tagbox .tag-define, .m-tagbox .tag-item {
			float: left;width: 102px;height: 38px;
			line-height: 38px;border: 1px solid #e0e0e0;margin-right: 10px;margin-bottom: 10px;text-align: center;color: #333;
		}
		.m-tagbox .tag-item {
			position: relative;width: 92px;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
		}
		.m-tagbox .t-check {
			display: none;right: 0;bottom: 0;width: 16px;height: 16px;background-position: -40px 0;
		}
		.m-tagbox .tptig {
			display: inline-block;background-image: url(__STATIC__/images/sprite-operate.png);background-repeat: no-repeat;
		}
		.orde-sjyy {
			font-family: 'Tahoma','\5FAE\8F6F\96C5\9ED1';
		}
		.m-tagbox .define-input {
			display: none;width: 92px;height: 38px;line-height: 38px;padding: 0 5px;border: medium none;
		}
		.m-tagbox .define-label .i-pen {
			display: inline-block;background-image: url(__STATIC__/images/sprite-operate.png);background-repeat: no-repeat;
		}
		.m-tagbox .define-label .i-pen {
			width: 13px;height: 13px;margin-top: 13px;margin-right: 5px;vertical-align: top;
		}
		.titls {
			font-size: 14px;border-left: 4px solid #e5e5e5;padding-left: 6px;line-height: 1.1;margin-bottom: 10px;font-weight: 400;
		}
		.bsjy-g dl {border: 1px solid #dedede;border-bottom: 0 none;}
	</style>
	<body class="bg-f5">
	<include file="user/header"/>
		<div class="home-index-middle">
			<div class="w1224">
				<div class="g-crumbs">
			       	<a href="{:U('Home/User/index')}">我的商城</a>
			       	<i class="litt-xyb"></i>
			       	<span>充值VIP</span>
			    </div>
			    <div class="home-main">
					<include file="user/menu"/>
			    	<div class="ri-menu fr">
						
						<div class="aboutmoney addmon" >
							<div class="usermoney topup-money">
								<div class="userdown-top network-topup">
									<ul>
										<li class="alllist" style="margin-left: -1px">充值VIP</li>
									</ul>
									<p onclick="mywalletsa();">返回个人中心</p>
								</div>
								<hr style="height: 1px; background: #dedede; border: none; margin-top: -2px;" />
								<div class="choicetu">
									<p>VIP金额：</p>
									<div class="monettu">
										<div class="fop-main">
											<div class="m-tagbox m-multi-tag"> 
												<a href="javascript:void(0)" rel="{$tpshop_config['basic_rechargevip_price']}" class="tag-item">￥{$tpshop_config['basic_rechargevip_price']}.00<i class="t-check tptig"></i></a>

<!--												<div class="tag-define" data_id="tag_157">
													<span class="define-label" style="display: block;"><i class="i-pen"></i><em>输入金额</em></span>
													<input type="text" class="define-input" id="input_val" style="display: none;">
												</div>-->
											</div>
										</div>
										<div class="fop-choice">
											<form action="" method="post"  id="recharge_form">
												<div class="orde-sjyy">
													<h3 class="titls">选择支付方式</h3>
													<div class="bsjy-g">
														<dl>
															<dd>
																<div class="order-payment-area">
																	<div class="dsfzfpte">
																		<b>选择支付方式</b>
																	</div>
																	<div class="po-re dsfzf-ee">
																		<ul>
																			<foreach name="paymentList" item="v"  key="k">
																				<li>
																					<div class="payment-area">
																						<input type="radio"  value="pay_code={$v['code']}" class="radio vam" name="pay_radio" <if condition="$k eq 'alipay'">checked</if>>
																						<label for="">
																							<img src="/plugins/{$v['type']}/{$v['code']}/{$v['icon']}" width="120" height="40" onClick="change_pay(this);" />
																						</label>
																					</div>
																				</li>
																			</foreach>
																		</ul>
																	</div>
																</div>
																<!--第三方网银支付 start-->
																<foreach name="bankCodeList" item="v"  key="k">
																	<div class="order-payment-area">
																		<div class="dsfzfpte">
																			<b>{$paymentList[$k]['name']}</b>
																			<em>网银支付</em>
																		</div>
																		<div class="po-re dsfzf-ee">
																			<ul>
																				<foreach name="v" item="v2"  key="k2">
																					<li>
																						<div class="payment-area">
																							<input type="radio" name="pay_radio" class="radio vam" value="pay_code={$k}&bank_code={$v2}" id="input-ALIPAY-1">
																							<label for="">
																								<img src="__STATIC__/images/images-out/{$bank_img[$k2]}" width="120" height="40" onClick="change_pay(this);"/>
																							</label>
																						</div>
																					</li>
																				</foreach>
																			</ul>
																		</div>
																	</div>
																</foreach>
																<!--第三方网银支付 end -->
															</dd>
														</dl>
														<input type="hidden" name="account" id="add_money" value="{$tpshop_config['basic_rechargevip_price']}">
														<div class="order-payment-action-area">
															<a class="button-style-5 button-confirm-payment" href="javascript:void(0);" onclick="recharge_submit();">确认支付方式</a>
														</div>
													</div>
												</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="operating fixed consume_log" id="bottom">
							<div class="fn_page clearfix">
                                {$page}
							</div>
						</div>
			    	</div>
			    </div>
			</div>
		</div>
		<!--footer-s-->
		<include file="user/footer" />
		<!--footer-e-->
		<script type="text/javascript">
			$(function(){
				$('.time-sala ul li').click(function(){
					$(this).addClass('red').siblings().removeClass('red');
				})
			})

			$(document).ready(function() {
				$(document).on('click','.tag-item',function(){
					$(this).find('.t-check').addClass('tptig').parent().siblings().find('.t-check').removeClass('tptig');
					$('#add_money').val($(this).attr('rel'));
				});
				$('.tag-define').click(function(){
					var goods_id = $(this).attr('data_id').substr(4);
					$(this).find('.define-label').hide();
					$(this).find('.define-input').show().focus();
					$(this).find('.define-input').blur(function(){
						var ce = $(this).val();
						ce = ce.replace(/\D|^0/g,'')

						$(this).parent('.tag-define').siblings('.tag-item').each(function(){
							var a_text = $(this).text();
							if(ce == a_text && ce != ''){
								layer.alert('已有该标签', {icon: 2});
								ce = '';
								$('.define-input').val('');
							}
						});
						if(ce == ''){
							$(this).prev('.define-label').show();
							$(this).hide();
						}else{
							//remark[{$goods_list.goods_id}][rank]
							//$(this).parent('.tag-define').prev('.tag-item').after('<input type="hidden" name="remark['+goods_id+'][tag][]" value="'+ce+'"/><a href="javascript:void(0)" class="tag-item">'+'￥'+ ce +'<i class="t-check"></i></a>');
							//$(this).prev('.define-label').show();
							//$(this).hide();
							//$(this).val('');
						}
					})
				});
			});
			
			function mywalletsa() {
				window.location.href="{:U('User/index')}";
			}
			function recharge_submit(){
                            layer.confirm('确定充值VIP？', {
                                btn: ['确定','取消']
                            }, function(){
                                $('#recharge_form').submit();
                            }, function(tmp){
                                layer.close(tmp);
                            }
                            );
			}
            //选择支付方式
            function change_pay(obj)
            {
                $(obj).parent().siblings('input[name="pay_radio"]').trigger('click');
            }
		</script>
	</body>
</html>